<script lang="ts" setup>
  import { ref } from 'vue';
  import { Col, Row } from '@sscd/grid';
  import Checkbox from '@sscd/checkbox';
  const value = ref([]);
</script>

<template>
  <div class="demo">
    <div class="demo-title">布局</div>
    <div class="demo-content">
      <Checkbox.Group v-model:value="value" style="width: 100%">
        <Row>
          <Col :span="8">
            <Checkbox value="A">A</Checkbox>
          </Col>
          <Col :span="8">
            <Checkbox value="B">B</Checkbox>
          </Col>
          <Col :span="8">
            <Checkbox value="C">C</Checkbox>
          </Col>
          <Col :span="8">
            <Checkbox value="D">D</Checkbox>
          </Col>
          <Col :span="8">
            <Checkbox value="E">E</Checkbox>
          </Col>
        </Row>
      </Checkbox.Group>
    </div>
  </div>
</template>
